@extends('home.layout')
@section('head')
    <title>{{ $title }} - {{config('app.webName')}}</title>
    <link href="{{url('/1/prod-detail_e5b5bbf.css')}}" rel="stylesheet" type="text/css">
    <style>
        .no_store{background:#ccc;border:1px solid #ccc;}
        em{font-style: italic}
        .btns {padding-left: 55px;}
    </style>
@endsection
@section('content')
    <div id="content" class="cl">
    <input name="pageNavMappingIndex" id="pageNavMappingIndex" value="0" type="hidden">
    <input id="preview" name="preview" value="" type="hidden">
    <input id="salePrice" name="salePrice" value="2498" type="hidden">
    <div class="wrapper">
        <div class="crumbs">
            您的位置:
            <a class="first" href="http://shop.vivo.com.cn/">首页</a>
            <b></b>
            <a href="http://shop.vivo.com.cn/product/phone">手机产品</a>
            <b></b><span>X系列</span>
        </div>
    </div>
    <div class="prod-container">
        <div class="wrapper">
            <div class="prod-container-top cl">
                <div class="prod-container-left">
                    <div id="j_SpecImgs" class="figure">
                        <ul id="bigImgUl">
                            <li style="display: block; z-index: 9;">
                                <img src="{{url('/1/4098_1472203100748_530x530.png')}}">
                            </li>
                            <li style="z-index: 1; display: none;">
                                <img src="{{url('/1/4098_1472203101347_530x530.png')}}">
                            </li>
                            <li style="z-index: 1; display: none;">
                                <img src="{{url('/1/4098_1472203101747_530x530.png')}}">
                            </li>
                            <li style="z-index: 1; display: none;">
                                <img src="{{url('/1/4098_1472203102439_530x530.png')}}">
                            </li>
                        </ul>
                    </div>
                    <div id="j_SpecItems" class="spec-items">
                        <ul class="cl" id="smallImgUl">
                            <li class="current">
                                <a href="#">
                                    <img src="{{url('/1/4098_1472203100748_250x250.png')}}">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="{{url('/1/4098_1472203101347_250x250.png')}}">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="{{url('/1/4098_1472203101747_250x250.png')}}">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="{{url('/1/4098_1472203102439_250x250.png')}}">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="favor">
                        <ul class="cl">
                            <li class="collect">
                                <a id="j_CollectTrigger" href="javascript:;">
                                    收藏商品（
                                        <span id="favCount">3555</span>
                                    人收藏）
                                </a>
                            </li>
                            <li id="J_Share">分享
                                <div class="share-box hidden">
                                    <a class="sina"><b></b></a>
                                    <a class="tencent"><b></b></a>
                                    <a id="j_shareToRenren" class="renren"><b></b></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="prod-container-right">
                    <h1>【火爆首发】X7星空灰</h1>
                    <small>
                        【热销新品】，4G运存+64G内存，高通八核处理器，支持闪充，实时混响音效，1600W柔光自拍，照亮你的美！
                    </small>
                    <ul class="summary-price">
                        <li>
                            <span class="now-price">
                                <dfn>¥</dfn>2498.00
                            </span>
                        </li>
                        <li>
                            <label>赠品:</label>
                            <ul class="gift-box">
                                <li sku-id="1944">
                                    <a href="" target="_blank">
                                        <img src="{{url('/1/1944_1453712407491_250x250.png')}}">
                                    </a>
                                    <span style="color:#666">X 1</span>
                                </li>
                                <li sku-id="2017">
                                    <a href="http://shop.vivo.com.cn/product/172?giftSkuid=2017" target="_blank"><img src="{{url('/1/2017_1453712334707_250x250.png')}}"></a>
                                    <span style="color:#666">X 1</span>
                                </li>
                                <li sku-id="4061">
                                    <a href="http://shop.vivo.com.cn/product/9921?giftSkuid=4061" target="_blank"><img src="{{url('/1/4061_1463366269843_250x250.png')}}"></a>
                                    <span style="color:#666">X 1</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <form id="prod-detail-form" method="post">
                    <dl class="prod-params cl" id="j_colors" marketable="1">
                        <dt>颜色：</dt>
                        <dd>
                            <ul class="color-box" spuinstallment="1">
                                <li class="sub-sku on" sku-store="1" sku-id="4098" sku-fullpay="0">
                                    <a style="background: #7f7f7f" href="javascript:;"></a>星空灰<i></i>
                                </li>
                            </ul>
                        </dd>
                        <input id="spuId" name="spuId" value="9932" type="hidden">
                        <input id="cmdyCategoryId" name="cmdyCategoryId" value="131" type="hidden">
                        <input id="queryFlag" name="queryFlag" value="1" type="hidden">
                        <dt>版本：</dt>
                        <dd>
                            <ul class="tags nettype-tags">
                                <input id="netType" name="netType" value="58" type="hidden">
                                <li name="netTypeLi" nettype="58" class="on">全网通<i></i></li>
                            </ul>
                        </dd>
                        <dt>容量：</dt>
                        <dd>
                            <ul class="tags storage-tags">
                                <input id="storage" name="storage" value="3" type="hidden">
                                <li name="storageLi" storage="3" class="on">64G版本<i></i></li>
                            </ul>
                        </dd>
                        <dt>服务：</dt>
                        <dd>
                            <ul class="tags service-tags">
                                <li class="broken">
                                    <span class="icon"></span>
                                    【vivo服务】半年碎屏宝  
                                    <span class="item-price">
                                        <dfn>¥</dfn>59.00
                                    </span><i></i>
                                </li>
                                <li class="broken">
                                    <span class="icon"></span>
                                        【vivo服务】一年碎屏宝
                                    <span class="item-price">
                                        <dfn>¥</dfn>99.00
                                    </span><i></i>
                                </li>
                                <li class="detail">
                                    <a href="">详情</a>
                                </li>
                            </ul>
                        </dd>
                        <dt>数量：</dt>
                        <dd class="order-num">
                            <label id="dec">-</label>
                            <input id="add-num" maxlength="1" value="1" type="text">
                            <label id="inc">+</label>
                            <small id="order-num-msg">(仅限购3部)</small>
                        </dd>
                        <dt id="installment_dt">支持分期付款：</dt>
                        <dd id="j_installment" class="installment">
                            <div class="installment-label">
                                花呗分期最低价
                            </div>
                            <div class="installment-price red" id="min-perpay">
                                <dfn>¥</dfn>208.16*12期
                            </div>
                            <label class="btn-show-more">更多</label>
                            <div class="installment-popup">
                                <div class="popup-container">
                                    <table>
                                        <tbody>
                                            <tr>
                                                <th width="25%">每期金额</th>
                                                <th width="20%">期数</th>
                                                <th>手续费</th>
                                            </tr>
                                            <tr>
                                                <td class="red">
                                                    <dfn>¥</dfn>832.66
                                                </td>
                                                <td>3期</td>
                                                <td>
                                                    共计约<dfn>¥</dfn>2498 含0%手续费
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="red">
                                                    <dfn>¥</dfn>416.33
                                                </td>
                                                <td>6期</td>
                                                <td>
                                                    共计约<dfn>¥</dfn>2498 含0%手续费
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="red">
                                                    <dfn>¥</dfn>208.16
                                                </td>
                                                <td>12期</td>
                                                <td>
                                                    共计约<dfn>¥</dfn>2498 含0%手续费
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="info-tip">
                                        <img src="{{url('/1/icon-warning_f446f02.png')}}">实际分期金额和手续费以收银台为准
                                    </div>
                                </div>
                                <i class="icon-close"></i>
                            </div>
                        </dd>
                    </dl>
                    </form>
                    <div class="btns" style="padding-left: 55px;">
                        <button class="btn-next btn-confirm now-buy" type="button" title="立即购买">立即购买</button>
                    </div>
                    <div id="error-msg" class="hidden" style="padding: 0 0 20px 50px; ">
                        <span style="color: red;"></span>
                    </div>
                    <div class="activity-tags">
                        <ul>
                            <li class="post-free"></li>
                            <li class="change-arbitrary"></li>
                        </ul>
                    </div>
                </div>      
            </div>
        </div>
    </div>
    <div style="padding-top: 0px;" class="prod-main-info">
        <div class="prod-main-tab">
            <div class="prod-tab-box">
                <button style="display: none;" class="btn-next btn-confirm now-buy" type="button" title="立即购买">立即购买</button>
                <div style="display: none;" class="thumb-goods cl">
                    <div class="figure">
                        <li>
                            <img id="j_smallPic" src="{{url('/1/4098_1472203100748_250x250.png')}}" height="45" width="45">
                        </li>
                        <li>
                            <img id="j_smallPic" src="{{url('/1/4098_1472203101347_250x250.png')}}" height="45" width="45">
                        </li>
                        <li>
                            <img id="j_smallPic" src="{{url('/1/4098_1472203101747_250x250.png')}}" height="45" width="45">
                        </li>
                        <li>
                            <img id="j_smallPic" src="{{url('/1/4098_1472203102439_250x250.png')}}" height="45" width="45">
                        </li>
                    </div>
                    <h3 title="【火爆首发】X7星空灰">【火爆首发】X7星空灰</h3>
                    <span>￥2498.00</span>
                </div>
                <ul>
                    <li class="tab-information" v="information">
                        <a href="#">详情<b></b></a>
                    </li>
                    <li class="tab-parameter" v="parameter">
                        <a href="#">参数<b></b></a>
                    </li>
                    <li class="tab-evaluate" v="evaluate">
                        <a id="remarkHandler" href="#" prodid="9932">评价
                            <span id="remarkCountSpan"> ( 1479 ) </span>
                            <b></b>
                        </a>
                    </li>
                    <li class="tab-evaluation" v="evaluation" style="display: none">
                        <a href="#">评测<b></b></a>
                    </li>
                    <li class="tab-afterservice current" v="afterservice">
                        <a href="#">售后服务<b></b></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="prod-main-box">
            <div style="display: none;" class="prod-main-information">
                <div class="section">
                    <p>
                        <img src="{{url('/1/20160809170251137763_original.jpg')}}">
                        <img src="{{url('/1/2016080917025322777_original.jpg')}}">
                        <img src="{{url('/1/20160809170255574278_original.jpg')}}">
                        <img src="{{url('/1/20160809170257354725_original.jpg')}}">
                        <img src="{{url('/1/20160809170259312929_original.jpg')}}">
                        <img src="{{url('/1/20160819152731867853_original.jpg')}}">
                        <img src="{{url('/1/20160809170303462641_original.jpg')}}">
                        <img src="{{url('/1/20160809170305542223_original.jpg')}}">
                        <img src="{{url('/1/20160809170307681848_original.jpg')}}">
                        <img src="{{url('/1/20160809170309996227_original.jpg')}}">
                        <img src="{{url('/1/20160809170312629444_original.jpg')}}">
                        <img src="{{url('/1/20160809170314686435_original.jpg')}}">
                        <img src="{{url('/1/20160819115622681440_original.jpg')}}">
                        <img src="{{url('/1/20160810000211675705_original.jpg')}}" >
                    </p>
                </div>
            </div>
            <div style="display: none;" class="prod-main-parameter">
                <div class="prod-parameter-box">
                    <ul>
                        <li class="c">
                            <h4>CPU</h4>
                            <p>1.8GHz  高通骁龙八核MSM8976</p>
                        </li>
                        <li>
                            <h4>内存（运行内存）</h4>
                            <p>
                                4GB RAM（因为安装操作系统占据了部分运存空间，实际可用运存小于4G）
                            </p>
                        </li>
                        <li class="c">
                            <h4>ROM</h4>
                            <p>
                                64GB ROM，（不支持T卡扩展）注：由于手机系统和预装的程序占据了部分存储空间，实际可用存储空间小于64G
                            </p>
                        </li>
                        <li>
                            <h4>系统</h4>
                            <p>Funtouch OS 2.5.1(基于Android 5.1)</p>
                        </li>
                        <li class="c">
                            <h4>屏幕尺寸</h4>
                            <p>5.2英寸</p>
                        </li>
                        <li>
                            <h4>屏幕分辨率</h4>
                            <p>1920*1080</p>
                        </li>
                        <li class="c">
                            <h4>PPI</h4>
                            <p></p>
                        </li>
                        <li>
                            <h4>机身厚度</h4>
                            <p>7.24mm</p>
                        </li>
                        <li class="c">
                            <h4>电池</h4>
                            <p>一体式内置电池</p>
                        </li>
                        <li>
                            <h4>容量</h4>
                            <p>3000mAh</p>
                        </li>
                        <li class="c">
                            <h4>支持频段</h4>
                            <p>
                                网络类型 双卡双待(双Nano SIM卡) 全网通* <br>
                                2G   GSM ：GSM850/900/1800/1900MHz <br>
                                2G CDMA： 800MHz <br>
                                3G   WCDMA：850/900/1900/2100MHz；<br>
                                3G  TD-SCDMA：1880/2010MHz；<br>
                                3G  CDMA2000：800MHz   <br>
                                4G   TDD-LTE：B38/B39/B40/B41(100M)；<br>
                                4G  FDD-LTE：B1/3/4 <br>
                                支持移动、联通、电信SIM卡，两张卡不能同时享受4G网络，如卡1使用4G卡，卡2就不能使用4G网络，如果卡2使用4G网络，卡1就不能使用4G网络，数据网络切换手动选择完成置换
                            </p>
                        </li>
                        <li>
                            <h4>连接支持</h4>
                            <p>wifi、蓝牙4.2、USB2.0、GPS定位、OTG,</p>
                        </li>
                        <li class="c">
                            <h4>功能特色</h4>
                            <p>
                                Moonlight柔光灯|实时混响音效|4G大运存|双引擎闪充|前置指纹解锁|急速闪拍|HiFi音质
                            </p>
                        </li>
                        <li>
                            <h4>摄像头类型</h4>
                            <p>双摄像头</p>
                        </li>
                        <li class="c">
                            <h4>摄像头</h4>
                            <p>后置1300W PDAF+前置1600W FF</p>
                        </li>
                        <li>
                            <h4>视频拍摄</h4>
                            <p>支持</p>
                        </li>
                        <li class="c">
                            <h4>标配</h4>
                            <p>
                                主机、耳机  *1 <br>闪充充电头、数据线  *1  <br>取卡针、透明后盖保护壳  *1  <br>保修卡、快速入门指南  *1
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div style="display: none;" class="prod-main-evaluate">
                <div class="wrapper">
                    <table class="evaluate-summary-table">
                        <!-- <colgroup>
                            <col width="140">
                            <col width="100">
                            <col width="150">
                            <col>
                            <col width="200">
                            <col width="110">
                            <col width="230">
                        </colgroup> -->
                        <tbody>
                            <tr>
                                <th class="title" rowspan="2">商品评分</th>
                                <th class="total-points" rowspan="2">4.8</th>
                                <td class="total-stars">
                                    <span class="star-box">
                                        <i style="width: 96%"></i>
                                    </span>
                                </td>
                                <th>综合评分</th>
                                <td class="small-stars">
                                    <span class="star-box">
                                        <i style="width: 96%"></i>
                                    </span>4.8
                                </td>
                                <th>卖家的服务态度</th>
                                <td class="small-stars">
                                    <span class="star-box">
                                        <i style="width: 96%"></i>
                                    </span>4.8
                                </td>
                            </tr>
                            <tr>
                                <td class="evaluater-num">
                                    <span class="yellow">1479</span>人评分
                                </td>
                                <th>宝贝与描述相符</th>
                                <td class="small-stars">
                                    <span class="star-box">
                                        <i style="width: 96%"></i>
                                    </span>4.8
                                </td>
                                <th>卖家的发货速度</th>
                                <td class="small-stars">
                                    <span class="star-box">
                                        <i style="width: 96%"></i>
                                    </span>4.8
                                </td>
                            </tr>
                            <tr>
                                <th class="btn-box" colspan="7">
                                    您可以对已购买的产品进行评价
                                    <button class="btn-evaluator">我要评价</button>
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="prod-evaluate-box cl">
                    <div class="evaluate-toolbar cl">
                        <ul class="cl">
                            <li>
                                <a id="" class="current" href="javascript:void(0);">
                                    <b></b>
                                </a>
                                <p>全部</p>
                            </li>
                            <li>
                                <a id="" href="javascript:void(0);"><b></b></a>
                                <p>图片</p>
                            </li>
                        </ul>
                    </div>
                    <div class="evaluate-grid">
                        <ul>
                            <li class="cl">
                                <div class="evaluate-left">
                                    <div class="figure">
                                        <img src="{{url('/1/small_006.jpg')}}">
                                    </div>
                                    <h3>雪***一</h3>
                                </div>
                                <div class="evaluate-right">
                                    <ul>
                                        <li class="top cl">
                                            <div class="date pull-left">2016-08-30 20:00:22</div>
                                            <div class="stars pull-right">
                                                <span class="star-box">
                                                    <i style="width:100%;"></i>
                                                </span>
                                            </div>
                                        </li>
                                        <li class="evaluate">
                                            <p>给老公买的，颜色很喜欢，看着挺上档次，希望用起来也不错，8核的果然反应快，希望电池续航能力强一些，第一次网购手机，总体还算挺满意滴</p>
                                        </li>
                                    </ul>
                                    <i></i>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>  
            <div style="display: none;" class="prod-main-evaluation">
                <div class="section">
                </div>
            </div>
            <div style="display: block;" class="prod-main-afterservice">
                <div class="prod-afterservice-box wrapper">
                    <ul class="cl">
                        <li class="return">
                            <b></b>
                            <h3>30天无理由退换货</h3>
                            <p>
                                购机签收30天内，如产品出现质量问题，凭售后检测单包邮退换货；如果使用不满意，机器无人为损坏且赠品发票齐全，也可申请退换货处理，运费自付。<br>所有换货后的机器只享受行业标准签收7天内无理由退货、30天内出现质量问题包换的权益。
                            </p>
                        </li>
                        <li class="b1">
                            <b></b>
                            <h3>退机服务</h3>
                            <p>
                                属于退机的机器直接退回原购买点，即vivo官方商城，商城售后收到机器后，确认符合退机条件，即安排财务将顾客购机款退回原付款账户。<br>
                                <span>退货地址：广东省东莞市长安镇沙头村东大路151号vivo电商仓库（邮编：523861）<br>收件人：vivo电商仓库<br>联系电话：4007161118 </span>
                            </p>
                        </li>
                        <li class="b3">
                            <b></b>
                            <h3>换机服务</h3>
                            <p>
                                为了给您提供更优质的服务，官方商城发售的手机自收货之日起30天内出现质量问题都可以联系在线客服，凭售后检测单申请退换货，运费由我们承担！ 或由您自付运费，寄回委托客服送修检测，确认后为您换机。
                            </p>
                        </li>
                        <li class="b2">
                            <b></b>
                            <h3>全国联网三包服务</h3>
                            <p>
                                由于产品本身出现性能故障（见国家规定的《移动电话机商品性能故障表》）， 顾客凭有效发票和有效三包凭证按照三包规定享受三包服务：自售出之日起7日退换货，一个月内包换，一年内保修。三包细则查询：
                                <a href="" target="_blank"></a>
                            </p>
                        </li>
                        <li class="b5">
                            <b></b>
                            <h3>vivo售后服务点查询</h3>
                            <p>
                                您可以直接进入手机设置—更多设置—售后服务，查询就近的售后服务点；手机无法开机的情况下，可以在下面页面，完成查询：
                                <a href="" target="_blank"></a>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@section('tail')
    <script>
    var imgHost = "https://swsdl.vivo.com.cn/vivoshop/";
    var skuImageJsonStr = '([{"bigPic":"commodity/98/4098_1472203100748_530x530.png')}}","imageNo":"1472203100748","skuId":"4098","smallPic":"commodity/98/4098_1472203100748_250x250.png')}}","thumbnailPic":"commodity/98/4098_1472203100748_100x100.png')}}"},{"bigPic":"commodity/98/4098_1472203101347_530x530.png')}}","imageNo":"1472203101347","skuId":"4098","smallPic":"commodity/98/4098_1472203101347_250x250.png')}}","thumbnailPic":"commodity/98/4098_1472203101347_100x100.png')}}"},{"bigPic":"commodity/98/4098_1472203101747_530x530.png')}}","imageNo":"1472203101747","skuId":"4098","smallPic":"commodity/98/4098_1472203101747_250x250.png')}}","thumbnailPic":"commodity/98/4098_1472203101747_100x100.png')}}"},{"bigPic":"commodity/98/4098_1472203102439_530x530.png')}}","imageNo":"1472203102439","skuId":"4098","smallPic":"commodity/98/4098_1472203102439_250x250.png')}}","thumbnailPic":"commodity/98/4098_1472203102439_100x100.png')}}"}])';
    var skuImageJson = eval(skuImageJsonStr);
    </script>
    <script src="{{url('/1/simpleStorage_f115cd4.js')}}"></script>
    <script src="{{url('/1/view_ef7b2a3.js')}}"></script>
    <script src="{{url('/1/view-hist_823c137.js')}}"></script>
    <script src="{{url('/1/dialog_6a2b3fb.js')}}"></script>
@endsection